<template>
  <div class="myorders">
    <van-tabs color="#ffcc00" v-model="active">
        <van-tab title="全部订单">
            <AllOrderVue :text1=text1 />
        </van-tab>
        <van-tab title="待支付">
            <DaiOrderVue :text2=text2 />
        </van-tab>
        <van-tab title="待收货">
            <OrderShouVue :text3=text3 />
        </van-tab>
        <van-tab title="已完成">
            <YingJingVue :text4=text4 />
        </van-tab>
    </van-tabs>
  </div>
</template>

<script>
import AllOrderVue from '@/components/Order/AllOrder.vue';
import DaiOrderVue from '@/components/Order/DaiOrder.vue';
import OrderShouVue from '@/components/Order/OrderShou.vue';
import YingJingVue from '@/components/Order/YingJing.vue';
export default {
    components: {
        AllOrderVue, DaiOrderVue, OrderShouVue, YingJingVue
    },
    data() {
        return {
            text1: "您还没有订单哦",
            text2: "您还没有待支付订单哦",
            text3: "您还没有待收货订单哦",
            text4: "您还没有已经完成的订单哦",
        }
    }
}
</script>

<style>

</style>